iT邦幫忙

2021 iThome 鐵人賽

DAY 5
0
自我挑戰組

從0開始的UnityAR手機遊戲開發系列 第 5

[第五天]從0開始的UnityAR手機遊戲開發-如何在Vuforia創建可辨識圖片

  • 分享至 

  • xImage
  •  

第四天的小試身手解答:將Unity介面改為2By3,Project從Two Column Layout改為One Column Layout。
https://ithelp.ithome.com.tw/upload/images/20210919/20140569MrKtoABrsg.png


  • 在Vuforia創建可辨識圖片

進入Vuforia官網點擊Login登入帳號
https://ithelp.ithome.com.tw/upload/images/20210919/201405698bJGennXXl.png

點擊Develop→License Manager→Get Development Key,申請新的License Key。
https://ithelp.ithome.com.tw/upload/images/20210919/20140569q9BUvXRuP5.png

填寫License Name(Key的名稱)。
打勾後點擊Confirm。
https://ithelp.ithome.com.tw/upload/images/20210919/20140569s0DRph4ZEf.png

申請好後,點擊Key進入頁面複製代碼。
https://ithelp.ithome.com.tw/upload/images/20210919/20140569VEsOs0niX8.png

將複製的代碼貼到Project→Resources→VuforiaConfiguration→App License Key。
https://ithelp.ithome.com.tw/upload/images/20210919/201405691B9JLVkysP.png
如果有遇到下圖中的Bug
https://ithelp.ithome.com.tw/upload/images/20210919/20140569Ni33eF3EJZ.png
點擊Window→Package Manager後,會跳出Package Manager視窗在搜尋列搜尋Vuforia後匯入插件包
https://ithelp.ithome.com.tw/upload/images/20210920/20140569UIhwljIm4k.png
有跳出此視窗請按Canael
https://ithelp.ithome.com.tw/upload/images/20210920/20140569pf4LXEH2az.png

回到Vuforia網站點擊Develop→Target Manager→Add Database會跳出Create Database視窗取名後點擊Create。
https://ithelp.ithome.com.tw/upload/images/20210920/20140569TNvnyjw4fX.png

Vuforia圖卡辨識須知

  1. 辨識圖片必須為JPG
  2. 圖片設計時以對比色為佳,盡量不要有漸層色彩
  3. 圖片可以設計邊框增加辨識度
  4. 圖片尺寸必須是512*512 pixel以上
    因為Vuforia圖卡辨識是以灰階色來辨識,圖卡顏色太相近會不好辨識

點擊剛剛創立好的資料庫,一個資料庫可創建多張圖卡
https://ithelp.ithome.com.tw/upload/images/20210920/20140569Y8dlE7qdid.png

點擊Add Target→Browse...(上傳一張JPG圖片),Width為圖卡的寬→Add 創建圖卡

https://ithelp.ithome.com.tw/upload/images/20210920/20140569xbd5yWOTFe.png

創建好後可以看到Rating的星數,星數愈高愈容易辨識
點擊圖卡名稱可進入頁面
https://ithelp.ithome.com.tw/upload/images/20210920/20140569TfzPZNvo59.png

圖卡下面有Show Features按下可切換為灰階辨識的樣子,黃十字愈多代表愈容易辨識
https://ithelp.ithome.com.tw/upload/images/20210920/20140569AqDFmjbwDe.png

返回上一頁勾選剛剛創立的新圖卡→Download Database→Unity Editor→Download
下載Unity插件包
https://ithelp.ithome.com.tw/upload/images/20210920/20140569PIe4f4HGWK.png


下一章節會教如何匯入Unity Package到Unity和Unity使用Vuforia插件的基本設置。

這次教學範例的辨識圖卡
https://ithelp.ithome.com.tw/upload/images/20210920/20140569gTNKrAZ1Sp.jpg


上一篇
[第四天]從0開始的UnityAR手機遊戲開發-介紹Unity介面和常用快捷鍵
下一篇
[第六天]從0開始的UnityAR手機遊戲開發-如何匯入Unity Package到Unity和Unity使用Vuforia插件的基本設置
系列文
從0開始的UnityAR手機遊戲開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言